import 'package:flutter/material.dart';
import 'package:flutter_application_1/components/collapse_row/collapse_row.dart';

class CollapseTest extends StatefulWidget {
  @override
  _CollapseTestState createState() => _CollapseTestState();
}

class _CollapseTestState extends State<CollapseTest> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('折叠面板测试'),
        elevation: 0,
      ),
      backgroundColor: Colors.blue,
      body: ListView(
        children: [
          CollapseRow(
            data: CollapseRowData(
              title: '列表',
              list: [
                CollapseRowItemData(
                  title: '列表1',
                  desc: '列表的描述',
                  onTap: () {
                    print('点击列表1');
                  },
                ),
                CollapseRowItemData(
                  title: '列表2',
                  desc: '列表的描述',
                  onTap: () {
                    print('点击列表2');
                  },
                ),
              ],
            ),
            color: Colors.blue,
          ),
          CollapseRow(
            data: CollapseRowData(
              title: '动画',
              list: [
                CollapseRowItemData(
                  title: '补间动画',
                  desc:
                      '“介于两者之间”的简称。在补间动画中，定义了开始点和结束点、时间线以及定义转换时间和速度的曲线。然后由框架计算如何从开始点过渡到结束点。',
                ),
                CollapseRowItemData(
                  title: '基于物理的动画',
                  desc:
                      '在基于物理的动画中，运动被模拟为与真实世界的行为相似。例如，当你掷球时，它在何处落地，取决于抛球速度有多快、球有多重、距离地面有多远。 类似地，将连接在弹簧上的球落下（并弹起）与连接到绳子上的球放下的方式也是不同。',
                ),
              ],
            ),
            color: Colors.blue,
          ),
        ],
      ),
    );
  }
}
